<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/电影.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <style>
    </style>
</head>
<body>
    <header>
        <div class="left">
            <p>上海</p>
            <img src="http://8.218.112.99/ml/movies/images/icon/drop_icon.png" alt="">
        </div>
        <div class="center">
            <div class="left">正在热映</div>
            <div class="right">即将上映</div>
        </div>
        <div class="right">
            <img src="http://8.218.112.99/ml/movies/images/icon/search_icon.png" alt="">
        </div>
    </header>
    <nav>
        <div class="left">
            <img src="http://8.218.112.99/ml/movies/images/icon/data_icon.png" alt="">
            <p>实时票房</p>
            <p>2019-03-27</p>
        </div>
        <div class="right">
            <p>今日大盘</p>
            <p class="redu">2918万</p>
            <img src="http://8.218.112.99/ml/movies/images/icon/polygon_icon.png" alt="">
        </div>
    </nav>
    <ul>
        <li>
            <div class="left">
                <img src="http://8.218.112.99/ml/movies/images/source/movie_1.jpg" alt="">
            </div>
            <div class="right">
                <h5>八佰</h5>
                <p>导演：管虎</p>
                <div>
                    <p>主演：</p>
                    <p>黄志忠</p>
                    <p>欧豪</p>
                    <p>王千源</p>
                </div>
                <div>
                    <p>2D</p>
                    <p>国语</p>
                    <p>中国巨幕</p>
                </div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="" class="xing">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <p>10分</p>
                </div>
                <p>上映时间  : 2020-08-01</p>
            </div>
            <button>购票</button>
        </li>
        <li>
            <div class="left">
                <img src="http://8.218.112.99/ml/movies/images/source/movie_2.jpg" alt="">
            </div>
            <div class="right">
                <h5>我在时间尽头等你</h5>
                <p>导演：姚婷婷</p>
                <div>
                    <p>主演：</p>
                    <p>李鸿其</p>
                    <p>李一桐</p>
                    <p>范伟</p>
                </div>
                <div>
                    <p>2D</p>
                    <p>国语</p>
                    <p>中国巨幕</p>
                </div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="" class="xing">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <p>10分</p>
                </div>
                <p>上映时间  : 2020-08-01</p>
            </div>
            <button>购票</button>
        </li>
        <li>
            <div class="left">
                <img src="http://8.218.112.99/ml/movies/images/source/movie_3.jpg" alt="">
            </div>
            <div class="right">
                <h5>荞麦疯长</h5>
                <p>导演：徐展雄</p>
                <div>
                    <p>主演：</p>
                    <p>前小库</p>
                    <p>大飞</p>
                    <p>张思思</p>
                </div>
                <div>
                    <p>2D</p>
                    <p>国语</p>
                    <p>中国巨幕</p>
                </div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="" class="xing">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <p>10分</p>
                </div>
                <p>上映时间  : 2020-08-01</p>
            </div>
            <button>购票</button>
        </li>
        <li>
            <div class="left">
                <img src="http://8.218.112.99/ml/movies/images/source/movie_4.jpg" alt="">
            </div>
            <div class="right right5">
                <h5>哈利波特与魔法石</h5>
                <p>导演：克里斯·哥伦布</p>
                <div>
                    <p>主演：</p>
                    <p>丹尼尔·雷德克里夫</p>
                    <p>鲁伯特·格林特</p>
                    
                </div>
                <div>
                    <p>2D</p>
                    <p>国语</p>
                    <p>中国巨幕</p>
                </div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="" class="xing">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <p>10分</p>
                </div>
                <p>上映时间  : 2020-08-01</p>
            </div>
            <button>购票</button>
        </li>
        <li>
            <div class="left">
                <img src="http://8.218.112.99/ml/movies/images/source/movie_5.jpg" alt="">
            </div>
            <div class="right right5">
                <h5>寻梦环游记</h5>
                <p>导演：李·昂克里奇</p>
                <div>
                    <p>主演：</p>
                    <p>安东尼·冈萨雷斯</p>
                    <p>本杰明·布拉特</p>
                    
                </div>
                <div>
                    <p>2D</p>
                    <p>国语</p>
                    <p>中国巨幕</p>
                </div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="" class="xing">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
                    <p>10分</p>
                </div>
                <p>上映时间  : 2020-08-01</p>
            </div>
            <button>购票</button>
        </li>
    </ul>
    <footer>
        <div class="shouye">
            <a href="./首页.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/home_n_icon.png" alt="">
                <p>首页</p>
            </a>
        </div>
        <div class="dianying">
            <a href="./电影.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/movie_a_icon.png" alt="">
                <p>电影</p>
            </a>
        </div>
        <div class="dianyingyuan">
            <a href="./电影院.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/cinema_n_icon.png" alt="">
                <p>电影院</p>
            </a>
        </div>
        <div class="faxian">
            <a href="./发现.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/find_n_icon.png" alt="">
                <p>发现</p>
            </a>
        </div>
        <div class="wode">
            <a href="./我的.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/mine_n_icon.png" alt="">
                <p>我的</p>
            </a>
        </div>
    </footer>   
</body>
</html>